.page {
  display: flex;
  --linkColor-hover--: rgb(37, 35, 35);
  --linkColor--: rgb(128, 123, 123);
}
.page > div:nth-child(2) {
  flex: 1;
}
.page-nav {
  width: 160px;
  height: 100vh;
  background-color: #eee;
  overflow-y: auto;

  display: flex;
  flex-direction: column;
}
.page-nav > a {
  padding: 8px 12px 0;
  border-bottom: 2px solid var(--linkColor--);
  color: var(--linkColor--);
}
.page-nav > a:hover,
.page-nav > a.active {
  border-bottom: 2px solid var(--linkColor-hover--);
  font-weight: bold;
  color: var(--linkColor-hover--);
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hide-wrapper {
  /* display: none; */
  /* margin-left: ; */
  /* transform: translateX(-2000px); */
  height: 0;
  overflow: hidden;
  opacity: 0;
}
